<!--<template>-->
<!--&lt;!&ndash;  <div class="mod-demo-ueditor">&ndash;&gt;-->
<!--&lt;!&ndash;    <el-alert&ndash;&gt;-->
<!--&lt;!&ndash;      title="提示："&ndash;&gt;-->
<!--&lt;!&ndash;      type="warning"&ndash;&gt;-->
<!--&lt;!&ndash;      :closable="true">&ndash;&gt;-->
<!--&lt;!&ndash;      <div>&ndash;&gt;-->
<!--&lt;!&ndash;        <p class="el-alert__description">1. 此Demo只提供UEditor官方使用文档，入门部署和体验功能。具体使用请参考：https://github.com/tinymce/tinymce-vue</p>&ndash;&gt;-->
<!--&lt;!&ndash;        <p class="el-alert__description">2. 浏览器控制台报错“请求后台配置项http错误，上传功能将不能正常使用！”，此错需要后台提供上传接口方法（赋值给serverUrl属性）</p>&ndash;&gt;-->
<!--&lt;!&ndash;      </div>&ndash;&gt;-->
<!--&lt;!&ndash;    </el-alert>&ndash;&gt;-->
<!--&lt;!&ndash;  </div>&ndash;&gt;-->
<!--  <div>-->
<!--    {{ msg }}-->
<!--    <tinymce-editor v-model="msg"-->
<!--                    :disabled="disabled"-->
<!--                    @onClick="onClick"-->
<!--                    ref="editor"></tinymce-editor>-->
<!--    <button @click="clear">清空内容</button>-->
<!--    <button @click="disabled = true">禁用</button>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--  import TinymceEditor from './tinymce-editor'-->
<!--  export default {-->
<!--    components: {-->
<!--      TinymceEditor-->
<!--    },-->
<!--    data() {-->
<!--      return {-->
<!--        msg: 'Welcome to Use Tinymce Editor',-->
<!--        disabled: false-->
<!--      }-->
<!--    },-->
<!--    methods: {-->
<!--      //鼠标单击的事件-->
<!--      onClick(e, editor) {-->
<!--        console.log('Element clicked')-->
<!--        console.log(e)-->
<!--        console.log(editor)-->
<!--      },-->
<!--      //清空内容-->
<!--      clear() {-->
<!--        this.$refs.editor.clear()-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--</script>-->

<!--<style scoped>-->
<!--</style>-->

